import Link from "next/link";
import { ThemeSwitcher } from "../../components/ThemeSwitcher";
import { UserButton, useAuth, useUser } from "@clerk/nextjs";
import { Spacer } from "@nextui-org/react";
// CSS 导入
import "./navbar.css";
const Navbar: React.FC = () => {
  return (
    <div className="flex py-3 flex-wrap justify-around">
      <ul className="flex gap-[40px] text-m list-none padding-0 mr-20">
        <li className="navbar-list-item">
          <Link href="/home">Home</Link>
        </li>
        <li className="navbar-list-item">
          <Link href="/">Todo</Link>
        </li>
        <li className="navbar-list-item">
          <Link href="/about">Notes</Link>
        </li>
        <li className="navbar-list-item">
          <Link href="/contact">My</Link>
        </li>
      </ul>
      <Spacer x={4} />
      <ThemeSwitcher />

      <Spacer x={4} />
      <UserButton afterSignOutUrl="/" />
    </div>
  );
};

export default Navbar;
